.CRT {
   position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
background: linear-gradient(to top, #392912, #392912, #1f160a, #1f160a);
  color: #be9823;
    text-shadow: 0 0 10px #be9823;
    background-size: cover; 
    background-size: 100% 2.5px;
    filter: blur(4,5px);
    border-radius: 5% / 45%;
}

@media screen {
 .CRT {
    animation: scanlines infinite 55s linear;
 }
}
@keyframes scanlines {
    from {
        background-position: 0 0;
    }
    to {
        background-position: 0 -10px;
    }
}

body {
  background: #0C0B09;
}

a:link {
  color: #be9823;
  font-size: 1em;
       text-shadow: 0 0 10px #be9823;
       text-decoration: none;
}

a:hover {
    color: #be9823;
     border: solid 2px #be9823;
     box-shadow: 0 0 5px #be9823;
}

a:hover::before {
 content: ">:";
 position: absolute;
 right: 31%;
}

a:active {
     color: #3610be;
     border: solid 2px #be9823;   
}

a:active::before {
 content: " ";
 position: absolute;
}

#font-face {
font-family: 'Pixelon';
src: url(https://jas39ceal.neocities.org/Pixelon.ttf);
}

.right-sidebar-grid {
    display:grid;

    grid-template-areas:
        'header'
        'right-sidebar'
        'above-box'
        'main-content'
        'footer';
}

/* general column padding */
.right-sidebar-grid > * {
    padding:1rem;
}

/* assign columns to grid areas */
.right-sidebar-grid > .header {
    grid-area:header;
    font-size: 5rem;
    height: 40%;
    z-index: 4;
}

/* assign columns to grid areas */
.right-sidebar-grid > .logo {
    grid-area:logo;
    position: absolute;
    display: inline-block;
    top: 0;
    left: 0;
    width: auto;
    margin-left: 68%;
    opacity: 53%;
    z-index: 2;
    height: 50%;
}

.right-sidebar-grid > .main-content {
    grid-area:main-content;
    font-size: 1.5em;
    z-index: 3;
}

.right-sidebar-grid > .above-box {
  grid-area: above-box;
  padding: 1px;
  z-index: 1;
  margin-right: 100%;
  height: 1px;
  position: relative;
}



.right-sidebar-grid > .right-sidebar {
    grid-area:right-sidebar;
    font-size: 230%;
    z-index: 3;
    vertical-align: middle;
    margin-right: 30px;
    margin-left: 30px;
    height: cover;
}

.right-sidebar-grid > .footer {
    grid-area:footer;
    text-align: center;
     top: 90%;
    vertical-align: bottom;
  z-index: 3;
}

/* tablet breakpoint */
@media (min-width:768px) {
    .right-sidebar-grid {
        grid-template-columns:repeat(3, 1fr);
        grid-template-areas:
            'header header logo'
            'main-content main-content above-box'
            'main-content main-content right-sidebar'
            'footer footer footer';
    }
}

.blink {
        animation: blink-animation 1s steps(2, start) infinite;
      }
      @keyframes blink-animation {
        to {
          width: 131px;
          background: #FFCC2F;
          visibility: hidden;
          box-shadow: 0 0 10px #FFCC2F;
        }
      }
      @-webkit-keyframes blink-animation {
        to {
          visibility: hidden;
        }
      }

      .line {
        font-size: 1em;
        vertical-align: middle;
        text-align: center;
      }

      .wel {
        vertical-align: center;
        color: #1f160a;
      }

      .selection ::after {
        content: "𖣯";
        margin-left: 15px;
        height: 30px;
          animation: sel-animation 1s steps(2, start) infinite;
      }
      @keyframes sel-animation {
        to {
          height: 5px;
          visibility: hidden;
          box-shadow: 0 0 10px #FFCC2F;
        }
      }
      @-webkit-keyframes sel-animation {
        to {
          visibility: hidden;
        }
      }